* {
    padding: 0;
    margin: 0;
}
html,
body {
    //  background-color: #162657;
    text-align: center;
    font-size: 16px;
    font-family: "微软雅黑";
    background-color: #fcd36d;
}
.wrap {
    background: url("../img/pc_bg.jpg") 100% 0 no-repeat;
    background-size: cover;
    .middle {
        width: 52%;
        margin: 0 auto;
        overflow: hidden;
        .logo {
            text-align: left;
            width: 34.18%;
            margin-top: 2%;
            img {
                width: 100%;
            }
        }
        .daren {
            width: 80%;
            float: right;
            margin-top: 2.5%;
            margin-right: 5%;
            img {
                width: 100%;
            }
        }
        .jiudian {
            margin-top: 28%;
            width: 100%;
            img {
                width: 90%;
            }
        }
        .time{
            font-size: 1.2em;
            padding-top: 2.5%;
            color: #9bb2f7;
        }
        .erweima{
            width: 19.39%;
            float: right;
            margin:5% 8% 0 0;
            font-size: 0;
            img{
                width: 100%;
            }
        }
        .jiangping{
            margin-top: 28.2%;
            box-sizing: border-box;
            ul{
                overflow: hidden;
                list-style: none;
                li{
                    background-color: #fff;
                    border: 3px solid #29b0df;
                    width: 22.4%;
                    float: left;
                    margin-right: 1.9%;
                    border-radius: 1.5em;
                    overflow: hidden;
                    img{
                        width: 87%;
                        padding: 5% 0;
                    }
                    p{
                        background-color: #faea9f;
                        padding: 2%;
                    }
                    .img1{
                        width: 42%;
                    }
                    .img2{
                        width: 47%;
                    }
                    .img3{
                        padding: 8% 0;
                    }
                    .img4{
                        padding: 5% 0;
                    }
                }
                li:last-child{
                    margin-right: 0;
                }
            }
        }
        .bottom-font{
            color: #cc9a1e;
            font-size: 0.8em;
            padding-top: 18px;
        }
    }
}
@media (max-width: 800px) {
    .wrap {
        .middle {
            width: 70%;
        }
    }
}
@media (max-width: 600px) {
    .wrap {
        .middle {
            width: 85%;
            font-size: 0.9em;
        }
    }
}
@media (max-width: 350px) {
    .wrap {
        .middle {
            width: 100%;
        }
    }
}
